<template>
  <!-- html -->
  <div class="App">
    <h1>hellow vue3</h1>
    <Person></Person>
  </div>
</template>
<script lang="ts">
import Person from './components/Person.vue';
// import ceshi from './components/ceshi.vue';

// js 或者 ts
export default{
  name:'App',//组件名称
  components:{Person}
}
</script>
<style>
.App{
  width: 80%;
  margin: 20px auto;
  background-color: #ddd;
  border-radius: 20px;
  box-shadow: 0 0 10px;
  padding: 20px;
  text-align: center;
}
</style>